<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />

    <link rel="stylesheet" href="../../css/api.css">

    <link rel="stylesheet" href="../../css/base_bai/base.css">


    <title>登录</title>

    <style type="text/css">

    html, body{font-size: 100%}

    .log_sty{    position: fixed;  margin: 8rem auto;left: 0;right: 0;  top: 0;  bottom: 0;width: 90%;}

    .log_sty [title]{text-align: center;font-size: 1.5rem;color: white;margin-bottom: 1rem}
    .log_sty [cont]{background: white;  box-shadow: 1px 0px 10px #d6d6d6;  border-radius: 0.5rem;padding: 1rem;  }

    .log_sty [rgs_fot]{display: flex;    margin: 1rem;}
    .log_sty [rgs_fot] div{color:#FF9900;font-size: 0.8rem}
    .but_sty{text-align: center;    margin-top: 2rem;}

    .but_sty button{width: 90%;background: #E6E6E6;border: 0;border-radius: 0.5rem;    border-radius: 2rem;}

    .van-field {  background-color: #F5F5F5;  margin: .6rem;  width: initial;border-radius: 0.05rem;border-radius: .5rem;    margin-bottom: .8rem;}
    [wx_authorize]{text-align: center;}
      [wx_authorize] div{color:#999999;font-size: 0.8rem;line-height: 4rem}
    </style>

</head>

<body>
    <div id="app" v-cloak>
        <img class="backg" src="./../../image/login_login_1.png" style="width:100%;    height: 17rem;" alt="">
        <div class="log_sty">
              <div title>登录</div>
              <div cont>
                  <van-cell-group>
                    <van-field v-model="phone" placeholder="请输入手机号码" />
                  </van-cell-group>
                  <van-cell-group>
                    <!--开眼 eye-o  -->
                    <van-field v-model="pws" placeholder="请输入密码" right-icon="closed-eye" />
                  </van-cell-group>
                  <div class="but_sty">
                      <van-button type="primary" @click='openWin("index_b", "../../index")'>登录</van-button>
                  </div>
                  <div rgs_fot>
                    <div style="flex:1"  @click='openWin("register_b", "register_b")'>注册账号</div>
                    <div  @click='openWin("forget_pwd_b", "forget_pwd_b")'>忘记密码</div>
                  </div>

                  <div wx_authorize>
                        <div style="">一键授权登录</div>
                          <div><img src="../../image/login-wx.png" style="width:2rem"></div>
                  </div>
              </div>

        </div>



    </div>

</body>
<script src="../../script/api.js"></script>
<script src="../../script/base_bai/vue.js"></script>
<script src="../../script/base_bai/vant.js"></script>
<script src="../../script/base_bai/area.js"></script>
<script src="../../script/base_bai/base.js"></script>
<script src="../../script/base_bai/temp.js"></script>
<script type="text/javascript">
    apiready = function() {


        Vue.prototype.$ac = api;

        initVue()

    };
if(BrowserType()=='pc'){
    initVue()
}

    function initVue() {
        new Vue({
            el: '#app',
            data: {
              phone:'',
              pws:''
            },
            methods: {

                //头部导航点击返回事件
                bank() {
                    vant.Toast('返回');
                },



            }
        });

    }
</script>

</html>
